<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
                xmlns:h="http://java.sun.com/jsf/html"  
                xmlns:f="http://java.sun.com/jsf/core"  
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:d3="http://d3.unicen.edu.ar/facelets"
                xmlns:ts="http://twittersugest.unicen.edu.ar/facelets"
                template="profile.xhtml">

    <ui:define name ="body">
        <div id="sidebar">
            <ui:include src="userStats.xhtml"/>
            <p:panel style="margin: 8px">
                algo
            </p:panel >
            <p:panel style="margin: 8px">
                otra cosa
            </p:panel>
        </div>
        <div id="main">
            <h:form>
                <h:panelGrid columns ="2">
                    <h:outputText value="User Name"/>
                    <p:inputText value="#{holdOutController.screenName}"/>
                    
                    <h:outputText value="Hold out ratio 1:"/>
                    <p:inputText value="#{holdOutController.holdoutRatio}"/>
                    
                    <h:outputText value="Iteraciones"/>
                    <p:inputText value="#{holdOutController.iteraciones}"/>
                    
                    <h:outputText value="Inner graph"/>
                    <p:inputText value="#{holdOutController.nivelIntermedio}"/>
                    
                    <h:outputText value="Suggestions"/>
                    <p:inputText value="#{holdOutController.nivelFinal}"/>
                    <h:outputText value="Permitir redundancia"/>
                    <p:selectBooleanCheckbox  value="#{holdOutController.permitirRedundancia}"/>
                </h:panelGrid>
                <div style="text-align: right">
                    <p:commandButton value ="Suggest" 
                                     actionListener="#{holdOutController.search}" 
                                     update=":suggest-result"
                                     ajax="true"/>
                    <p:commandButton value ="Batch Suggest" 
                                     actionListener="#{holdOutController.batchSearch}" 
                                     update=":suggest-result"
                                     ajax="true"/>
                </div>
            </h:form>
            <h:panelGroup id="suggest-result">
                <h:panelGroup id="suggest-result-view" rendered ="#{not empty holdOutController.usuario}">
                    <!--<h:outputText value="Tiempo: "/><h:outputText value="#{holdOutController.elapsedTime/1000} segundos"/>-->
                    <p:tabView id="tabView">  
  
                        <p:tab id="tab1" title="Fuentes">  
                            <ts:report report="#{holdOutController.reportFuentes}"/>
                        </p:tab>
                        <p:tab id="tab2" title="Amigos">  
                            <ts:report report="#{holdOutController.reportAmigos}"/>
                        </p:tab>
                         <p:tab id="tab3" title="Union">  
                             <ts:report report="#{holdOutController.reportUnion}"/>
                        </p:tab>
                         <p:tab id="tab4" title="Interseccion">  
                             <ts:report report="#{holdOutController.reportInterseccion}"/>
                        </p:tab>
                    </p:tabView>
                </h:panelGroup>
            </h:panelGroup>
        </div>
    </ui:define>   
</ui:composition>

